// 受控表单
import { useState } from "react"
// react是一种偏向于原生js的框架，没有vue的v-model这些语法糖
// 如果我们想实现这种效果的话，就需要使用 value属性 + onChange事件   间接的实现双向绑定的效果
function App() {
  const [msg, setMsg] = useState('')
  const fn = (e) => {
    console.log(e.target.value)
    setMsg(e.target.value)
  }
  return (
    <>
      <input type="text" value={msg} onChange={(e) => fn(e)} />
      <p>{msg}</p>
    </>
  )
}
export default App